#page1{
	width: 100%;
	height: 500px;
    position: relative;
    overflow: hidden;
}
#page1::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100vh;
	background: url(/xuankeke/main/mainimage/mainbg.jpg)center/cover;
	background-repeat: no-repeat;	
	z-index: -1;
	animation: anim 20s linear infinite;

}

@keyframes anim{
	50%{
		transform: scale(1.5);
	}
	100%{
		transform: scale(1);
	}
}

#text1{
	position: absolute;
	top: 30%;
	left: 35%;
	height: 150px;
	width: 380px;
	text-align: center;
	padding:50px;
	background-color: rgba(255,255,255,0.8);
	color: #8ed0f3;
}

#page1 h1{
	font-size: 30px;
}

#page1 h2{
	font-size: 40px;
	float: left;
	animation: hmove 4s linear infinite;
	letter-spacing: 25PX;
}
#page1 h2:nth-child(1){
	margin-left: 100px;
}
#page1 h2:nth-child(2){
	animation-delay: 0.5s;
}
#page1 h2:nth-child(3){
	animation-delay: 1s;
}

@keyframes hmove{
	0%{
		left: 0;
		filter: opacity(0);
	}
	30%{
		left: 40%;
		filter: opacity(1);
	}
	70%{
		left: 60%;
		filter: opacity(1);
	}
	100%{
		left: 100%;
		filter: opacity(0);
	}
}



#page1 p{
	margin-top: 15px;
	font-size: 15px;
}

/*轮播公告*/

#page2{
	font-size: 20px;
	font-weight: 600px;
	width: 1000px;
	height: 100px;
	margin-top:20px; 
	margin-left: 250px;
	margin-right: 200px;
	border-top: 1px solid #8ed0f3;
	border-bottom: 1px solid #8ed0f3;
}
#scricon{	
	margin-top:25px;
	margin-right: 40px;
	margin-left: 80px;
	height: 50px;
	width: 50px;
	float: left;
	background: url(/xuankeke/main/mainimage/tongzhi.png)center/cover no-repeat;
}
.scroll{
	margin-top:30px;
	margin-left: 50px;
	height: 100px;
	width: 800px;
	overflow: hidden;
}
#page2 .scr{
	animation: showscroll 7s linear infinite;
	font-size: 15px;
}
.scroll>div>div{
	display: inline-block;
	margin-bottom: 45px;
}

@keyframes showscroll{
	0%{
		filter: opacity(0);
		transform: translateY(-20px);

	}
	25%{
		filter: opacity(1);
		transform: translateY(0px);

	}
	75%{
		filter: opacity(1);
		transform: translateY(0px);

	}
	100%{
		filter: opacity(0);
		transform: translateY(20px);

	}
}

/*分类盒子*/
#page3{
	padding-left:150px;
	padding-right:150px;
	margin-top:20px;
	background-color: #f8f8f8;
	height: 450px;
}
.title{
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
	color: #8ed0f2;
	text-shadow: -1px 5px 30px #dfcab5;
}

.fenlei{
	height: 130px;
	width: 150px;
	margin:25px;
	float: left;
	border-radius: 5px;
	background-color: #fff;
}
.fenlei h3{
	margin: 30px;
	z-index: 1;
	color: #8ed0f2;
	font-size: 20px;
}
#page3 .fenlei:hover h3{
	color: #fff;
	transform:translateY(-15px);
	transition: transform 0.8s;
}
.fenlei p{
	margin:20px;
	font-size: 12px;
	opacity: 0.5;
	color: #000;
	z-index: 2;
}
.fenlei:hover p{
	position: relative;
	opacity: 1;
	color: #fff;
	transform:translateY(-15px);
	transition: transform 0.8s;
}
#page3 .fenlei:before{
	content: '';
	position: absolute;
    height: 130px;
	width: 151px;
	background: linear-gradient(to top,#8ed0f2,#dfcab5);
	transform: scaleY(0);
	transform-origin: top;
	transition: transform 0.5s;
	border-radius: 5px;
}
#page3 .fenlei:hover:before{
	transform: scaleY(1);
	transform-origin: bottom;
	transition: transform 0.5s;
}


/*一键置顶*/
#backtop{
	position: fixed;
	bottom: 120px;
	right: 80px;
	width:35px;
	height:35px;
	padding:5px;
	border: none;
	outline: none;
	cursor: pointer;
	z-index: 10;
	background-color: rgba(255,255,255,0.7);
	border-radius: 8px;
}
